<!--
 * @Description: 
 * @Author: rendc
 * @Date: 2022-08-31 09:56:03
 * @LastEditors: rendc
 * @LastEditTime: 2022-08-31 11:18:17
-->
<!DOCTYPE html>
<img lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<div id="myDiv">定位元素</div>

<!-- 块元素 -->
<div>块级元素
  <div>块级元素2</div>
</div>

<!-- 行内元素 -->
<div>
  <p>行内元素 <strong>123</strong> </p>
</div>
<h1>块级元素</h1>
<p><strong>独占一行空间</strong> 用来布局段落 列表 导航等</p>
<div> 行内元素</div>
<p><strong>与其他元素共享一行空间</strong> 一般被嵌套在 <i>块级元素</i> 中使用 <u>通常被作为段落的一部分</u> </p>
<h1>1级标题</h1>
<h2>2级标题</h2>
<h3>3级标题</h3>
<h4>4级标题</h4>
<h5>5级标题</h5>
<h6>6级标题</h6>
<!-- 空元素 单标签元素 -->
只有单个标签的元素 例如img 一般情况不给单标签元素写结束标签
<!-- <img src="./briup.jpg" alt="" />
<img src="./briup.jpg" alt="">
<img src="./briup.jpg" alt=""></img> -->
<input type="text" />

<div id="div1" class="div div1">div1</div>
<div id="div2" class="div div2" style="color: red;">div2</div>

<img src="./img/briup.jpg" alt="图片去外太空了" width="200" height="200"></img>

<a href="https://baidu.com">默认在当前选项卡打开百度一下</a>
<a href="https://baidu.com" target="_blank">指定在新的选项卡打开百度一下</a>
<br>
<a href="#myDiv">返回顶部</a>

<a href="mailto:rendc@briup.com">联系我们</a>
</body>

</html>